<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/lbt.css">
    <link rel="stylesheet" href="css/box.css">
    <link rel="stylesheet" href="css/top_btn.css">
    <script src="js/lbt.js"></script>
    <script src="js/other.js"></script>
    <script src="js/top_btn.js"></script>
    <title>逐光而行test</title>
</head>

<body>
    <!-- nav begin -->
    <div class="nav">
        <div class="navTitle_left">
            <!-- <span class="logo">逐光而行</span> -->
            <img src="image/logo.png" alt="">
        </div>
        <div class="navTitle">
            <a href="" style="color: white;">首页</a>
            <a href="tansuo.html">探索</a>
            <a href="">标签</a>
            <a href="">摄影师</a>
            <a href="">签约摄影师招募</a>
            <a href="">热门活动</a>
            <a href="">逐光而行 & 摄影大赛<img src="image/hot.svg"></a>
        </div>
        <div class="navTitle_right">
            <a href="">登录</a>
            <a href="">注册</a>
        </div>
    </div>
    <!-- nav end -->

    <!-- lbt begin -->
    <div class="lbt">
        <div class="lbt_left">
            <a href="javascript:;"><</a>
        </div>

        <div class="lbt_right">
            <a href="javascript:;">></a>
        </div>

        <ul class="lbt_img">
            <li><a href="javascript:;"><img src="image/lbt1.jpg"></a></li>
            <li><a href="javascript:;"><img src="image/lbt2.jpg"></a></li>
            <li><a href="javascript:;"><img src="image/lbt3.jpg"></a></li>
            <li><a href="javascript:;"><img src="image/lbt4.jpg"></a></li>
        </ul>
        <ol class="circle">
        </ol>
    </div>
    <!-- javascript:;是一种js的伪协议，这里用于把a标签调用js方法 -->
    <!-- lbt end -->

    <!-- hpd begin -->
    <div class="hpd">
        <div class="hpdTitle">
            <span>热门航拍点</span>
        </div>
        <div class="hpd_image">
            <ul class="first">
                <li><img src="image/贵州.jpg"></li>
                <li><img src="image/广西.jpg"></li>
                <li><img src="image/湖北.jpg"></li>
                <li><img src="image/北京.jpg"></li>
                <li><img src="image/上海.jpg"></li>
                <li class="last"><img src="image/重庆.jpg"></li>
            </ul>
            <ul class="second">
                <li>贵州</li>
                <li>广西</li>
                <li>湖北</li>
                <li>北京</li>
                <li>上海</li>
                <li class="last">重庆</li>
            </ul>
        </div>
    </div>
    <!-- hpd end -->

    <!-- jx begin-->
    <div class="jx">
        <div class="jxTitle">
            <span>精选</span>
        </div>
        <div class="color">
            <div class="jx_content">
                <div class="out" id="first">
                    <div class="outTitle">
                        <span>自然</span>
                        <a href="" style="float: right;color: rgb(16,136,242);">更多 ></a>
                    </div>
                    <div class="out_box">
                        <div class="box">
                            <!-- 1 -->
                            <div class="box_img"><img src="image/自然1.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="box">
                            <div class="box_img"><img src="image/自然2.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="box">
                            <div class="box_img"><img src="image/自然3.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="box" id="last">
                            <div class="box_img"><img src="image/自然4.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="out">
                    <div class="outTitle">
                        <span>城市</span>
                        <a href="" style="float: right;color: rgb(16,136,242);">更多 ></a>
                    </div>
                    <div class="out_box">
                        <div class="box">
                            <!-- 1 -->
                            <div class="box_img"><img src="image/城市1.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="box">
                            <div class="box_img"><img src="image/城市2.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="box">
                            <div class="box_img"><img src="image/城市3.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="box" id="last">
                            <div class="box_img"><img src="image/城市4.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="out">
                    <div class="outTitle">
                        <span>运动</span>
                        <a href="" style="float: right;color: rgb(16,136,242);">更多 ></a>
                    </div>
                    <div class="out_box">
                        <div class="box">
                            <!-- 1 -->
                            <div class="box_img"><img src="image/运动1.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="box">
                            <div class="box_img"><img src="image/运动2.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="box">
                            <div class="box_img"><img src="image/运动3.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="box" id="last">
                            <div class="box_img"><img src="image/运动4.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="out">
                    <div class="outTitle">
                        <span>人物</span>
                        <a href="" style="float: right;color: rgb(16,136,242);">更多 ></a>
                    </div>
                    <div class="out_box">
                        <div class="box">
                            <!-- 1 -->
                            <div class="box_img"><img src="image/人物1.jpg" style="width: 285px;height: 190px;"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="box">
                            <div class="box_img"><img src="image/人物2.jpg" style="width: 285px;height: 190px;"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="box">
                            <div class="box_img"><img src="image/人物3.jpg" style="width: 285px;height: 190px;"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="box" id="last">
                            <div class="box_img"><img src="image/人物4.jpg" style="width: 285px;height: 190px;"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="out">
                    <div class="outTitle">
                        <span>签约摄影师</span>
                        <a href="" style="float: right;color: rgb(16,136,242);">更多 ></a>
                    </div>
                    <div class="out_box">
                        <div class="box">
                            <!-- 1 -->
                            <div class="box_img"><img src="image/摄影师1.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="box">
                            <div class="box_img"><img src="image/摄影师2.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="box">
                            <div class="box_img"><img src="image/摄影师3.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="box" id="last">
                            <div class="box_img"><img src="image/摄影师4.jpg"></div>
                            <div class="box_content">
                                <div class="name"><a href="">图片名</a></div>
                                <div class="shebei"><span class="font">设备：</span><a href="">Iphone 14</a></div>
                                <div class="shuju">
                                    <img src="image/眼睛.svg">
                                    <span class="num">2130</span>
                                    <a href="javascript:;" id="zan">
                                        <img src="image/点赞.svg" id="dianzan">
                                        <span class="num" id="num">72</span>
                                    </a>
                                </div>
                                <hr>
                                <div class="xinxi">
                                    <a href=""><img src="image/头像.svg"> <span>名字</span></a>
                                    <span class="date">2023年5月1日</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="lastout">
                    <div class="outTitle">
                        <span>热门标签</span>
                        <a href="" style="float: right;color: rgb(16,136,242);">更多 ></a>
                    </div>
                    <div class="out_box_last">
                        <!-- 1 -->
                        <div class="box_last">
                            <div class="box_img_last"><img src="image/标签1.jpg"></div>
                            <div class="box_content_last"><span>夏日色彩</span></div>
                        </div>
                        <!-- 2 -->
                        <div class="box_last">
                            <div class="box_img_last"><img src="image/标签2.jpg"></div>
                            <div class="box_content_last"><span>春日限定赏花</span></div>
                        </div>
                        <!-- 3 -->
                        <div class="box_last">
                            <div class="box_img_last"><img src="image/标签3.jpg"></div>
                            <div class="box_content_last"><span>寻找身边的红</span></div>
                        </div>
                        <!-- 4 -->
                        <div class="box_last">
                            <div class="box_img_last"><img src="image/标签4.jpg"></div>
                            <div class="box_content_last"><span>天生会飞</span></div>
                        </div>
                        <!-- 5 -->
                        <div class="box_last">
                            <div class="box_img_last"><img src="image/标签5.jpg"></div>
                            <div class="box_content_last"><span>巅峰之旅</span></div>
                        </div>
                        <!-- 6 -->
                        <div class="box_last">
                            <div class="box_img_last"><img src="image/标签6.jpg"></div>
                            <div class="box_content_last_end"><span>航拍视角</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- jx end-->

    <!-- footer -->
    <div class="footer">
        <div class="f1">
            <div class="f1_a">
                <a href="">使用条款</a>
                <a href="">隐私政策</a>
                <a href="">内容指引</a>
                <a href="">网站反馈</a>
                <a href="">常见问题</a>
            </div>
            <div class="f1_english">
                <a href="">中文</a>
                &nbsp;|&nbsp;
                <a href="">English</a>
            </div>
        </div>
        <div class="f2">
            <span>Copyright &copy; 2023 逐光而行 黄前程</span>
        </div>
    </div>

    <!-- 回顶部btn -->
    <div id="top">⇧</div>
</body>

</html>